<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../scss/header.css">
    <link rel="stylesheet" href="../scss/footer.css">
    <link rel="stylesheet" href="../scss/shopList.css">
    <link rel="stylesheet" href="../scss/font/iconfont.css">
    <link rel="stylesheet" href="../scss/common.css">
</head>

<body class="zh">
    <!-- 头部 -->
    <div class="sheader">
        <!-- 上面 -->
        <div class="top-bar ncontainer">
            <!-- 左边语言 -->
            <div class="head-lang">
                <div class="region-selection">
                    <h4 class="selected-region">中文</h4>
                    <i class="iconfont icon-zhankai icon-sanjiaoxing"></i>
                    <ul class="region-options">
                        <li class="region-option">中文</li>
                        <li class="region-option">英文</li>
                    </ul>
                </div>
                <div class="separate-line"></div>
                <div class="currency-selection">
                    <h4 class="selected-currency">RMB ￥</h4>
                    <i class="iconfont icon-zhankai icon-sanjiaoxing n-hide"></i>
                </div>
            </div>
            <!-- 右边登录 -->
            <div class="head-site clearfix">
                <span class="register">
                    <a class="zh" href="#javascript">登 录</a>
                </span>
                <!-- <span class="username">
                            <a href="#javascript"></a>
                        </span> -->
                <div class="separate-line"></div>
                <span class="sign-in">
                    <a class="zh" href="#javascript">注 册</a>
                </span>
                <!-- <span class="log-out">
                            <a class="zh" href="#script">退出</a>
                        </span> -->
                <div class="separate-line shopping-bag-line"></div>
                <span class="shopping-bag">
                    <a href="#javascript">
                        <i class="iconfont icon-gouwudai icon-shopping-bag"></i>
                    </a>
                </span>
                <div class="separate-line"></div>
                <span class="collection">
                    <a href="#javascript">
                        <i class="iconfont icon-shoucang icon-collection"></i>
                    </a>
                </span>
            </div>
            <!-- 中间logo -->
            <div class="head-logo">
                <a href="#javascript">
                    <img src="//pic11.secooimg.com/push/18/11/013e7d9eb7674c799c3c21e84dd1c88a.jpg" alt="寺库">
                </a>
            </div>
        </div>
        <!-- 下面分类 -->
        <div class="nav-bar">
            <div class="ncontainer clearfix">
                <ul class="nav-menu clearfix">
                    <li class="nav-item">
                        <a class="zh" href="./index.html">首页</a>
                    </li>
                    <!-- <li class="nav-item" name="baodai">
                        <a class="zh" href="#">包袋</a>
                        <div class="nav-unfold">
                            <ul class="unfold-list ncontainer clearfix">
                                <li>
                                    <h4 class="zh">分类</h4>
                                    <a href="#javascript" class="zh">男士包袋</a>
                                </li>
                                <li>
                                    <h4 class="zh">品牌</h4>
                                    <a href="#javascript" class="zh">爱马仕</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="zh" href="#">腕表</a>
                    </li>
                    <li class="nav-item">
                        <a class="zh" href="#">珠宝首饰</a>
                    </li>
                    <li class="nav-item">
                        <a class="zh" href="#">服饰</a>
                    </li>
                    <li class="nav-item">
                        <a class="zh" href="#">鞋履</a>
                    </li>
                    <li class="nav-item">
                        <a class="zh" href="#">配饰</a>
                    </li>
                    <li class="nav-item">
                        <a class="zh" href="#">运动</a>
                    </li>
                    <li class="nav-item">
                        <a class="zh" href="#">家居</a>
                    </li>
                    <li class="nav-item">
                        <a class="zh" href="#">美妆</a>
                    </li>
                    <li class="nav-item">
                        <a class="zh" href="#">生活方式</a>
                    </li> -->
                </ul>
                <div class="s-search">
                    <div class="search-inner">
                        <input class="zh txr" data-value="搜索" data-focus="搜索商品、品牌" value="搜索" placeholder="搜索商品、品牌"
                            type="text">
                        <span class="icon-search">
                            <i class="iconfont icon-sousuo"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div id="listPageContent" class="clearfix">
        <div class="pageTitle">
            <div class="selectCondition">
                <!-- <dl class="brand_dl">
                    <dt>品牌</dt>
                    <dd>
                        <div class="smallList brand">
                            <a href="#javascript">Louis Vuitton/路易威登</a>
                        </div>
                    </dd>
                    <a href="#javascript" class="brandChoice">
                        <i></i>
                        更多
                    </a>
                    <a href="#javascript" class="brandmore">
                        多选
                        <i></i>
                    </a>
                </dl> -->
            </div>
        </div>
    </div>
    <div class="product_box" style="box-shadow:rgb(204, 204, 204) 0 2px 5px">
        <div class="product_tips">
            <a href="#javascript" class="on">商城</a>
            <a href="#javascript">拍卖</a>
        </div>
        <!-- 筛选 -->
        <div style="height: 44px">
            <div class="product_control">
                <!-- 按钮筛选 -->
                <div class="product_control_btn">
                    <a href="#javascript" class="on">
                        综合
                        <i></i>
                    </a>
                    <a href="#javascript">
                        人气
                        <i></i>
                    </a>
                    <a href="#javascript">
                        新品
                        <i></i>
                    </a>
                    <a href="#javascript">
                        销量
                        <i></i>
                    </a>
                    <a href="#javascript">
                        折扣
                        <i></i>
                    </a>
                    <a href="#javascript">
                        价格
                        <i class="p"></i>
                    </a>
                </div>
                <!-- 价格筛选 -->
                <div class="product_control_price">
                    <div>
                        <span>
                            <input type="text">
                        </span>
                        <i></i>
                        <span>
                            <input type="text">
                        </span>
                    </div>
                </div>
                <!-- 需求筛选 -->
                <div class="product_control_check">
                    <label>
                        <input type="checkbox">
                        新到商品
                    </label>
                    <label>
                        <input type="checkbox">
                        促销优惠
                    </label>
                    <label>
                        <input type="checkbox">
                        闪购
                    </label>
                    <label>
                        <input type="checkbox">
                        海外直邮
                    </label>
                </div>
                <!-- 搜索框 -->
                <div class="product_control_search">
                    <div>
                        <span>
                            <input type="text" value="在结果中搜索" style="color: rgb(187,182,182)">
                        </span>
                        <a href="#javascript" class="goBtn">确定</a>
                    </div>
                </div>
                <!-- 换页 -->
                <div class="product_control_page">
                    <a class="page-prev off" href="#javascript" title="上一页"><i></i></a>
                    <span><b>1</b> / 247</span>
                    <a href="#javascript" class="page-next" title="下一页">
                        <i></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- 商品列表 -->
        <div class="commodity-list clearfix">
            <!-- <dl class="hov">
                <div class="show_tips">
                    <dt>
                        <a href="#javascript">
                            <img src="http://pic11.secooimg.com/product/240/240/54/10/6fbdd5fc34984faa83af14cddcdb2e93.jpg"
                                alt="" style="display: inline">
                        </a>
                    </dt>
                    <dd class="dl_size clearfix" style="display: none;"></dd>
                    <dd class="dl_tips">
                        <span class="s1">美国</span><span class="s1">自营</span><span class="s2">直降</span>
                    </dd>
                    <dd class="dl_name">
                        <a href="#javascript">哈哈</a>
                    </dd>
                    <dd class="dl_price clearfix">
                        <span><i>￥</i>1962</span>
                    </dd>
                    <dd class="lastNum">
                        <span class="deal-cnt">仅剩3件</span>
                    </dd>
                    <span class="loveHeart">收藏</span>
                </div>
            </dl> -->
        </div>

        <!-- 分页器 -->
        <div class="product_page">
            <a href="#javascript" class="prev off">上一页</a>
            <a href="#javascript" class="on">1</a>
        </div>
    </div>
    <!-- footer -->
    <div class="nfooter">
        <div class="ncontainer">
            <!-- 上面 -->
            <ul class="footer-links clearfix">
                <!-- 左边 -->
                <li class="service-information">
                    <h4 class="links-title">服务指南</h4>
                    <ul class="clearfix">
                        <li class="links-item zh"><a href="">Investors</a></li>
                        <li class="links-item zh"><a href="">物流配送</a></li>
                        <li class="links-item zh"><a href="">售后服务</a></li>
                        <li class="links-item zh"><a href="">联系我们</a></li>
                        <li class="links-item zh"><a href="">加入我们</a></li>
                        <li class="links-item zh"><a href="">帮助</a></li>
                        <li class="links-item zh"><a href="">寺库招商</a></li>
                    </ul>
                </li>
                <!-- 中间 -->
                <li class="public-media">
                    <h4 class="links-title zh">公共媒体</h4>
                    <div class="footer-logo">
                        <div class="weibo qr-code-p clearfix">
                            <i class="iconfont icon-weibo"></i>
                            <span class="zh">微博</span>
                            <div class="qr-code">
                                <img src="https://pic13.secooimg.com/push/18/11/01a2028fe4e74e0dab23f9e899171a9d.png"
                                    alt="">
                            </div>
                        </div>
                        <div class="wechat qr-code-p clearfix">
                            <i class="iconfont icon-weixin"></i>
                            <span class="zh">微信</span>
                            <div class="qr-code">
                                <img src="https://pic13.secooimg.com/push/18/11/01a2028fe4e74e0dab23f9e899171a9d.png"
                                    alt="">
                            </div>
                        </div>
                    </div>
                </li>
                <!-- 右边 -->
                <li class="our-app">
                    <h4 class="links-title zh">我们的APP</h4>
                    <ul class="clearfix">
                        <li class="links-item qr-code-p zh">
                            <a href="#javascript">寺库商城</a>
                            <div class="qr-code poa">
                                <img src="//pic10.secooimg.com/push/18/11/7f2ea806edad4471806dd1be4a2ed4dc.png" alt="">
                            </div>
                        </li>
                        <li class="links-item qr-code-p zh">
                            <a href="#javascript">Try Try</a>
                            <div class="qr-code poa">
                                <img src="//pic12.secooimg.com/push/18/11/5a66b41778324e60bad93c9b01e61f01.png" alt="">
                            </div>
                        </li>
                        <li class="links-item qr-code-p zh">
                            <a href="#javascript">寺库艺术</a>
                            <div class="qr-code poa">
                                <img src="//pic10.secooimg.com/push/18/11/8876d60e3f624569b6515616da230479.png" alt="">
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- 下面 -->
            <div class="footer-info">
                <p>
                    <span>
                        <a href="#javascript">京公安备11010102001392</a>
                    </span>
                    <span>京ICP证110119号 京ICP备09084709号-3</span>
                    <span>
                        <a href="#javascript">ISO9001中国质量管理体系认证</a>
                    </span>
                    <span>
                        <a href="#javascript">出版物经营许可证</a>
                    </span>
                    <span>
                        <a href="#javascript">食品经营许可证</a>
                    </span>
                    <span>京B2-20181305</span>
                </p>
                <p>
                    <span>京食药网食备201810026</span>
                    <span>客服电话：400-875-6789</span>
                    <span>COPYRIGHT © 2010-2018 北京寺库商贸有限公司 版权所有</span>
                </p>
                <p class="footer-info-imgs">
                    <a href="#javascript">
                        <img src="//pic12.secooimg.com/home/f_01.jpg" alt="">
                    </a>
                    <a href="#javascript">
                        <img src=//pic12.secooimg.com/imagesNew/featuresPic/vv_qixi_0815/cnnic.png alt="">
                    </a>
                    <a href="#javascript">
                        <img src=//pic12.secooimg.com/home/kexin.jpg alt="">
                    </a>
                    <a href="#javascript">
                        <img src=//pic12.secooimg.com/home/f_03.jpg alt="">
                    </a>
                </p>
            </div>
        </div>
    </div>
</body>
<script src="../scripts/libs/jquery.js"></script>
<script src="../scripts/libs/utils.js"></script>
<script>
    let { $: $$, on, ejs } = Utils;
</script>
<script src="../scripts/header.js"></script>
<script src="../scripts/shoplist/shopList.js"></script>
<script src="../scripts/shoplist/pagination.js"></script>

</html>